<template>
 
      <a-card :bordered="true" title="申请开通产品" style="margin-top:12px"> 
          <div style="display:flex;">
              <a-card :title="fee.transName" :key="fee.transName" v-for="fee in feeList" style="margin-top:6px;margin-right:20px;">
                        <!-- <div  v-if="fee.feeRate.d0_rate!=null">
                              <span>T1结算:</span>
                                <span v-if="fee.feeRate.t1_rate!=null">
                              
                                  <span v-if="fee.feeRate.t1_rate.c != null">
                                      贷记卡： 
                                      
                                     {{ fee.feeRate.t1_rate.c * 100 }} % 
                        
                                  </span>
                                  <span v-if="fee.feeRate.t1_rate.d != null">
                                      借记卡：
                                      
                                       {{ fee.feeRate.t1_rate.d * 100 }}%
                                        
                                  </span>
                                  <span v-if="typeof fee.feeRate.t1_rate !='object'">
                                  
                                      
                                       {{ fee.feeRate.t1_rate * 100 }}% 
                                  </span>
                                </span>
                          </div>
                          <div  v-if="fee.feeRate.d0_rate!=null">
                            <span>D0结算:</span> 
                                 {{ fee.feeRate.d0_rate * 100 }}%  
                            <span v-if="fee.feeRate.d0_amount!=null">D0单笔:</span>
                      
                               <span>{{ fee.feeRate.d0_amount }} 元</span> 
                               
                          </div> -->
              </a-card>
          </div>
        </a-card>
          
</template>

<script>
import AButton from "ant-design-vue/es/button/button";
import ACard from "ant-design-vue/es/card/Card";
import AForm from 'ant-design-vue/es/form/Form'
import AFormItem from 'ant-design-vue/es/form/FormItem'
import ASelect from 'ant-design-vue/es/select/index'
import utils from '../../utils/utils.js'
import ATextarea from 'ant-design-vue/es/input/TextArea'
import ACheckboxGroup from "ant-design-vue/es/checkbox/Group";
import APopconfirm from "ant-design-vue/es/popconfirm";
import AInputNumber from "ant-design-vue/es/input-number";
import ATable from 'ant-design-vue/es/table'

const ASelectOption = ASelect.Option
 
 

export default {
  name: 'FeeViewPanel',
 components: {AButton,ACard,AForm,AFormItem,ASelect,APopconfirm,AInputNumber,ATextarea,ACheckboxGroup,ATable},
  props: {
        feeList:Array,

   },
 
  data(){
      return { 

      }
  },
   
  methods: {
 
  },
   
}
</script>